<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>JsTree Demo</title>
    <!-- REQUIRED SCRIPTS AND STYLES -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/js/jquery.jsTree/tree_component.css"/>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/css.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/sarissa.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/sarissa_ieemu_xpath.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/jquery.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/jquery.xslt.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/jquery.listen.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/jquery.metadata.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/jquery.cookie.js"></script>

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.jsTree/tree_component.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            var tree3 = new tree_component();
            tree3.init($("#predef"));
        });
    </script>
</head>
<body>
<div class="demo">
    <div class="title">predefined HTML</div>
    <div id="predef">
        <ul>
            <li id="predef_1" class="open">
                <a href="#">Link 1</a>

                <ul>
                    <li id="predef_2"><a href="#">Link 2</a></li>
                    <li id="predef_3"><a href="#">Link 3</a></li>
                    <li id="predef_4"><a href="#">Link 4</a>
                        <ul>
                            <li id="predef_5"><a href="#">Link 5</a></li>
                            <li id="predef_6"><a href="#">Link 6</a></li>

                            <li id="predef_7"><a href="#">Link 7</a>
                        </ul>
                    </li>
                    <li id="predef_8"><a href="#">Link 5</a></li>
                    <li id="predef_9"><a href="#">Link 6</a></li>
                </ul>
            </li>

        </ul>
    </div>
</div>

</body>
</html>